import React from 'react';
import { Component } from "@tarojs/taro-rn";
import { View, Image, Text } from "@tarojs/components-rn";
import order_confirm_addressStyleSheet from "./order_confirm_address_styles";
import img_09 from "../../assets/img/img_09.jpg";
import right_white from "../../assets/img/right_white.png";
import right from "../../assets/img/right.png";
import address from "../../assets/img/icon_58.png";
// 确认订单
var _styleSheet = order_confirm_addressStyleSheet;
let Personnel = class Personnel extends Component {
  constructor() {
    super();
  }
  render() {
    return <View style={_styleSheet["mall-order-confirm"]}>
        <View style={_styleSheet["order-address"]}>
          <View style={_styleSheet["has-address"]}>
            <Image src={address} style={_styleSheet["address-icon"]} />
            <View style={_styleSheet["info"]}>
             <View style={_styleSheet["name"]}>姓名  电话</View>
             <View style={_styleSheet["address"]}> 新增收货地址新增收货地址新增收货地址新增收货地址新增收货地址</View>
            </View>
            <Image src={right_white} style={_styleSheet["drop-down-icon"]} />
          </View>
        </View>


        <View style={_styleSheet["order-spec"]}>
          <View style={_styleSheet["l"]}>
            <Image src={img_09} style={_styleSheet["img"]} />
            <View style={_styleSheet["info"]}>
              <View style={_styleSheet["list-title"]}>卢瑟天热安脆皮核桃卢瑟天热安脆皮核桃卢瑟天热安脆皮核桃卢瑟天热安脆皮核桃</View>
              <View style={_styleSheet["list-info"]}>
                <Text>5kg</Text>
                <Text style={_styleSheet["line"]}>|</Text>
                <Text>盒装</Text>
              </View>
            </View>
          </View>
          <View style={_styleSheet["r"]}>
            <View style={_styleSheet["list-price"]}>
              <Text style={_styleSheet["list-small"]}>￥</Text>39.00</View>
            <View style={_styleSheet["list-info"]}>
              <Text>x1</Text>
            </View>
          </View>
        </View>

        <View style={_styleSheet["select-spec"]}>
          <View style={_styleSheet["title"]}>运费</View>
          <View style={_styleSheet["drop-down-con"]}>
            <Text style={_styleSheet["con"]}>10</Text>
          </View>
        </View>

        <View style={_styleSheet["select-spec"]}>
          <View style={_styleSheet["title"]}>积分</View>
          <View style={_styleSheet["drop-down-con"]}>
            <Text style={_styleSheet["con"]}>55积分（-￥5.50）</Text>
            <Image src={right} style={_styleSheet["drop-down-icon"]} />
          </View>
        </View>

        <View style={_styleSheet["select-spec"]}>
          <View style={[_styleSheet["title"], _styleSheet["color"]]}>小计</View>
          <View style={_styleSheet["drop-down-con"]}>
            <Text style={[_styleSheet["con"], _styleSheet["color"]]}>￥49.90</Text>
          </View>
        </View>


        <View style={_styleSheet["none-address-tip"]}>
          *请在上方添加收货地址
        </View>

        <View style={_styleSheet["footer-block"]} />
        <View style={[_styleSheet["page-footer2"], _styleSheet["page-footer3"]]}>
          <View style={_styleSheet["all-price"]}>
            <View style={_styleSheet["line"]}>
              已选 <Text style={[_styleSheet["color"], _styleSheet["all-count"]]}>5</Text>件商品，合计：<Text style={_styleSheet["color"]}> <Text style={_styleSheet["list-small"]}>￥</Text>39.00</Text>
            </View>
            <View style={[_styleSheet["line"], _styleSheet["gy"]]}>
              公益捐款￥2.96元
            </View>
          </View>
          <View style={_styleSheet["btn-submit"]}>立即订购</View>
        </View>
      </View>;
  }
};

export default Personnel;